import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  server: {
    host: '0.0.0.0', //解决“vite use `--host` to expose”
    port: 9233,
    open: true
  },
  // 这里是配置vite识别的别名，需要安装插件"@types/node": "^17.0.10",
  // 官方：https://cn.vitejs.dev/config/#resolve-alias
  // 参考文档：https://blog.csdn.net/young_sam/article/details/122287782
  resolve: {
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, 'src')
      }
    ]
  },
  // 关闭文件中的中文警告
  // https://blog.csdn.net/u012961419/article/details/124300278?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-124300278-blog-121684262.pc_relevant_paycolumn_v3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-124300278-blog-121684262.pc_relevant_paycolumn_v3&utm_relevant_index=2
  css: {
    postcss: {
      plugins: [
        // 自定义 postcss 插件
        {
          // 插件名称
          postcssPlugin: 'charset-removal',
          // 获取 @ 规则
          AtRule: {
            // 处理全部 @charset 规则
            charset: atRule => {
              // 移除规则
              atRule.remove()
            }
          }
        }
      ]
    }
  }
})
